<template>
   <section class="section-box-nav">
      <ul v-if="list !== null">
         <li v-for="(item) of list.dataUrl" :key="item">
            <router-link to="">
               <img v-lazy="item" alt="">
            </router-link>
         </li>
      </ul>
   </section>
</template>

<script>
   export default {
      name: 'sectionBoxBav',
      data() {
         return {
            list: null
         }
      },
      created() {
         this._dataList()
      },
      methods: {
         async _dataList() {
            let data = await this.$axios.get('/apis/home/section_box_nav', {
               params: {
                  name: 'section_box_adv'
               }
            })
            this.list = data.data.result
         }
      }
   }
</script>

<style scoped lang="stylus">
   @import "../../assets/stylus/common.styl"
   .section-box-nav
      width 100%
      height 180px
      margin-top 10px
      ul
         display flex
         justify-content space-between
         li
            height 180px
            width 303px
            img
               height 180px
               width 303px
</style>
